/**
 * Created by admin on 2016/9/6.
 */
$(function () {
    //轮播图
    resize();
    $(window).resize(function(){
        resize();
    })
    //标签页容器
    ulWapper();
    //轮播图滑动
    carousel();
});


//轮播图
function resize(){
    //获取屏幕宽度 判断大小屏幕来设置图片
    var windowWidth=$(window).width();

    var isMobileScreen=windowWidth<768;

    $('#banner-div>.carousel-inner .item').each(function (i,item) {
        var $item=$(item);
        var imgSrc=isMobileScreen?$item.data('image-xs'):$item.data('image-lg');
        $item.css('backgroundImage','url("'+imgSrc+'")');
        if(isMobileScreen){
            $item.html('<img src="'+imgSrc+'">');
        }else{
            $item.empty();
        }
    });
}

//标签页的容器
function ulWapper(){
    var $ulWapper=$('.nav-tabs');
    var width=30;
    $ulWapper.children().each(function (index,element) {
        width+=element.clientWidth;
    })
    if(width>$(window).width()){
        $ulWapper.css('width',width).parent().css('overflow-x','scroll');
    }
}

//轮播图滑动
//1.获取手指在轮播图上的滑动方向（左右）
//2.获得滑动方向选择上一张或下一张
function carousel(){
    var startX,endX;
    var offset=$(window).width()/6;
    var $carousel=$('.carousel');
    $carousel.on('touchstart', function (e) {
        startX= e.originalEvent.touches[0].clientX;
    });
    $carousel.on('touchmove', function (e) {
        endX= e.originalEvent.touches[0].clientX;
    });
    $carousel.on('touchend', function (e) {
        var distance=Math.abs(startX-endX);
        if(distance>offset){
            $(this).carousel(startX>endX?'next':'prev');
        }
    });
}

